.container {
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
    min-height: 380px;
}
/* 容器 ,设置宽度，并且把它的 margin-left 和 margin-right 设置为 auto。*/

.grid-container {
    float: left;
    height: 250px;
    text-align: center;
    width: 50%;
}
/* 容器在页面中间， 在 container 中加入 grid-container ，用来显示推盘的网格。 */

.grid-container h2 {
    font-family: Tahoma;
}

.grid {
    background-color: rgb(248, 248, 248);
    border: solid 5px rgb(0, 158, 249);
    width: 210px;
    height: 210px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 3px;
    box-shadow: 5px 5px #d8d8d8, 5px 5px #d8d8d8;
    overflow: auto;
}

.row {
    height: 33.3%;
}

.cell {
    width: 33.3%;
    height: 100%;
    float: left;
    text-align: center;
    font-size: 150%;
    font-family: Arial;
    font-weight: bold;
    position: relative;
}

.cell:hover {
    background-color: rgb(221, 221, 221);
}

.cell span {
    display: block;
    transform: translateY(70%);
}